<template>
  <div class="Products_">
    <div class="banner-box">
      <img src="/static/img/banner02.png" alt="banner">
      <div class="banner-contact-box">
        <span class="code-box">
            <img src="/static/img/code02.png" alt="img">
        </span>
        <div class="txt-area">
          <span class="txt we">微信公众号：晓芯机器人</span>
          <span class="txt">联系电话：18667009857</span>
        </div>
      </div>
      <!--end .banner-contact-box-->
    </div>
    <!--应用的AI技术-->
    <div class="technology-box">
      <div class="main-title">
        <p class="title top-bottom">“绿索智能”应用的AI技术</p>
        <p class="txt-gray-more small bottom-top">落地人工智能的应用，专注人类创新</p>
      </div>
      <!--end .main-title-->
      <div class="technology-content width1200">
        <div class="img-box">
          <img src="/static/img/robot.png" alt="img">
          <div class="number-box one">
            <span class="number">01</span>
          </div>
          <div class="number-box two">
            <span class="number">02</span>
          </div>
          <div class="number-box three">
            <span class="number">03</span>
          </div>
          <div class="number-box four">
            <span class="number">04</span>
          </div>
        </div>
        <!--end .img-box-->
        <div class="txt-box one blue left-right">
          <p class="title">语音识别技术</p>
          <p>通话实时同步的文字记录和语音记录</p>
        </div>
        <div class="txt-box two red right-left">
          <p class="title">深度学习算法</p>
          <p>机器人对话更加智能化，拟人化</p>
        </div>
        <div class="txt-box three black left-right">
          <p class="title">NLP-自然语言理解</p>
          <p>多轮智能对话，上下语境理解</p>
        </div>
        <div class="txt-box four light-blue right-left">
          <p class="title">大数据技术</p>
          <p>行业对话场景的大数据应用</p>
        </div>
      </div>
      <!--end .technology-content-->
    </div>
    <!--产品优势-->
    <div class="advantage-box product-advantage-box">
      <div class="main-title">
        <p class="title top-bottom">产品优势</p>
        <p class="txt-gray-more small bottom-top">电话机器人——“绿索智能”能够做的更好</p>
      </div>
      <!--end .main-title-->
      <div class="advantage-content width1200">
        <div class="col">
          <span class="img-box block">
              <i class="icons icon-64x64 icon-advone"></i>
          </span>
          <p class="title">提高效率，降低成本</p>
          <p class="info">每日可完成原来5-10个人的工作，大大提高生产效率。</p>
        </div>
        <!--end .col-->
        <div class="col">
          <span class="img-box block">
              <i class="icons icon-64x64 icon-advtwo"></i>
          </span>
          <p class="title">管理零负担</p>
          <p class="info">智能机器人标准应对话术，没有任何额外管理成本的超级电话员工。</p>
        </div>
        <!--end .col-->
        <div class="col">
          <span class="img-box block">
              <i class="icons icon-64x64 icon-advthree"></i>
          </span>
          <p class="title">固化优秀员工能力</p>
          <p class="info">固定优秀员工的话术，实现意向客户筛选快速挖掘。</p>
        </div>
        <!--end .col-->
        <div class="col">
          <span class="img-box block">
              <i class="icons icon-64x64 icon-advfour"></i>
          </span>
          <p class="title">智能化CRM管理</p>
          <p class="info">帮助企业全面、客观、高效管理客户信息。</p>
        </div>
        <!--end .col-->
      </div>
      <!--end .advantage-content-->
    </div>
    <!--功能介绍-->
    <div class="function-box product-function-box">
      <div class="main-title">
        <p class="title top-bottom">功能介绍</p>
        <p class="txt-gray-more small bottom-top">怀揣“让人类专注创新”的梦想，落地人工智能语音技术的应用</p>
      </div>
      <!--end .main-title-->
      <div class="function-content width1200">
        <div class="col one">
          <i class="icons icon-64x64 icon-fun01"></i>
          <p class="title">完善的用户管理系统</p>
          <p class="info">全自动管理企业客户的意向等级、通话记录等数据。数据统计全面，客观，高效。</p>
        </div>
        <!--end .col-->
        <div class="col two">
          <i class="icons icon-64x64 icon-fun02"></i>
          <p class="title">智能语音识别对答</p>
          <p class="info">颠覆传统自动外呼只能播放语音的问题， 系统支持模拟行业专家与目标客户进行通话，让你拥有复制的精英销售。</p>
        </div>
        <!--end .col-->
        <div class="col three">
          <i class="icons icon-64x64 icon-fun03"></i>
          <p class="title">自动外呼</p>
          <p class="info">直接将客户号码导入，瞬间批量拨打客户 电话，过程由呼叫平台自动完成，支持定时呼叫、筛选呼叫。</p>
        </div>
        <!--end .col-->
        <div class="col four">
          <i class="icons icon-64x64 icon-fun04"></i>
          <p class="title">客户资料管理</p>
          <p class="info">系统提供全程详实的通话录音，呼出了多少，哪个客户没有接通，接通时长，邀约是否成功，客户购买意向等数据。</p>
        </div>
        <!--end .col-->
      </div>
      <!--end .function-content-->
    </div>
    <!--人机PK效果对比表-->
    <div class="compare-box">
      <div class="main-title">
        <p class="title top-bottom">人机PK效果对比表</p>
        <p class="txt-gray-more small bottom-top">每日可完成原来5-10个人的工作，大大提高生产效率</p>
      </div>
      <!--end .main-title-->
      <div class="compare-content width1200">
        <p class="table-title">按6万元雇佣成本计算</p>
        <table class="table-box" cellpadding="0" cellspacing="0">
          <colgroup>
            <col width="18%">
            <col width="28%">
            <col width="34%">
            <col>
          </colgroup>
          <thead>
          <tr>
            <th>PK项目</th>
            <th>人工</th>
            <th>电话机器人</th>
            <th>对比结果</th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>每天拨打量</td>
            <td>300通</td>
            <td>3200通</td>
            <td class="txt-red">10倍效果</td>
          </tr>
          <tr>
            <td>年工作天数</td>
            <td>250天（节假日休息）</td>
            <td>360（全年无休）</td>
            <td class="txt-red">1.44倍效果</td>
          </tr>
          <tr>
            <td>年拨打电话数量</td>
            <td>300个/天*250天=75000</td>
            <td>3200个/天*360天=1152000</td>
            <td class="txt-red">15倍效果</td>
          </tr>
          <tr>
            <td>工作状态</td>
            <td>不可控，20%的时间激情满满</td>
            <td>稳定，100%激情</td>
            <td class="txt-red">5倍效果</td>
          </tr>
          <tr>
            <td>数据统计</td>
            <td>缺失、耗时、主观</td>
            <td>全面、高效、客观</td>
            <td class="txt-red">机器人胜</td>
          </tr>
          <tr>
            <td>客户跟进</td>
            <td>记录混乱、撞单、跟进难</td>
            <td>标准分类、公私海灵活应用、及时跟进</td>
            <td class="txt-red">机器人胜</td>
          </tr>
          </tbody>
        </table>
      </div>
      <!--end .compare-content-->
    </div>
  </div>
</template>

<script>
export default {
  name: 'Products',
  data () {
    return {
    }
  },
    created:function(){
        this.$nextTick(function () {
        })
    },
  methods: {
  }
}
</script>
<style scoped>
  .el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 200px;
    margin: 0;
  }

  .el-carousel__item:nth-child(2n) {
    background-color: #99a9bf;
  }

  .el-carousel__item:nth-child(2n+1) {
    background-color: #d3dce6;
  }
  .bounce-enter-active {
    animation: bounce-in .5s;
  }
  .bounce-leave-active {
    animation: bounce-in .5s reverse;
  }
  @keyframes bounce-in {
    0% {
      transform: scale(0);
    }
    50% {
      transform: scale(1.5);
    }
    100% {
      transform: scale(1);
    }
  }
</style>
